<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                >
    <f:view contentType="text/html">
        <h:panelGrid 
            columns="2"
            id="qualityTB2" 
            width="100%"
            >

            <h:panelGrid columns="2" width="100%" >
                <p:panel  style="text-align: center">
                    <h:outputText value="HOUR " style="font-size: 40px;font-weight: bold" />
                </p:panel>
                <p:panel  style="text-align: center">
                    <h:outputText value="5" style="font-size: 40px;font-weight: bold" />
                </p:panel>
            </h:panelGrid>


            <h:panelGrid columns="2" width="100%" >
                <p:panel  style="text-align: center">
                    <h:outputText value="DAY " style="font-size: 40px;font-weight: bold" />
                </p:panel>
                <p:panel  style="text-align: center">
                    <h:outputText value="DEC-07" style="font-size: 40px;font-weight: bold" />
                </p:panel>
            </h:panelGrid>

            <h:panelGrid columns="2" width="100%" >
                <p:panel style="text-align: center">
                    <h:outputText value="8" style="font-size: 80px;"/>
                </p:panel>
            </h:panelGrid>


            <h:panelGrid columns="2" width="100%" >
                <p:panel style="text-align: center" >
                    <h:outputText value="28" style="font-size: 80px;"/>
                </p:panel>
            </h:panelGrid>

        </h:panelGrid>

    </f:view>
</ui:composition>